<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <title>首页</title>
</head>
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/css.css">
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/respond/respond.js"></script>
<script src="js/template.js"></script>
<script type='text/html' id='template'>
    {{each result as value}}
    <div class="col-xs-3 col-md-3 pic ">
        <a href={{value.titlehref}} class="thumbnail">
        {{#value.img}}
        </a>
        <h6 class='caption'>{{value.name}}</h6>
    </div>
    {{/each}}

</script>
<script type='text/html' id='templat'>
    {{if result}}
    {{each result as value}}
    <div class="shangpin">
        <div class="media-left">
            <a href="#">
                {{#value.productImg2}}
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading">{{value.productName}}</h4>
            <h5 color="orange">{{value.productPinkage}}</h5>
            <h5><a href="">{{value.productFrom}}</a></h5>
        </div>
    </div>
    {{/each}}
    {{/if}}
<!--</script>
<body>
<!--导航首页-->
<nav class="navbar conttop">
    <div class="container-fluid clearfix">
        <div class="navbar-header left">
            <a class="navbar-brand" href="#">
                <img width="250px" ,height="50px" alt="Brand" src="images/header_logo.png">
            </a>
        </div>
        <div class="navbar-header right">
            <a class="navbar-brand" href="#">
                <img width="50px" ,height="10px" alt="Brand" src="images/header_app.png">
            </a>
        </div>
    </div>
</nav>

<!--搜索框-->
<form class="navbar-form navbar-left clearfix" role="search">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="请输入你想比较的商品">
    </div>
    <button type="submit" class="btn btn-default">搜索</button>
</form>
<!--缩略图-->
<div class="row suo">
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_bcj.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_coudanpin.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_cu.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_kb.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_mall.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_pp.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_search.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic" id="more">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/gengduo.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>更多</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic more" id="shownine">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_temai.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic more" id="showten">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_trend.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic more" id="showeleven">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_search.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-3 col-md-3 pic more" id="showtwelve">-->
        <!--<a href="#" class="thumbnail">-->
            <!--<img src="images/ic_bcj.png" alt="...">-->
        <!--</a>-->
        <!--<div class="caption">-->
            <!--<h4>买</h4>-->
        <!--</div>-->
    <!--</div>-->
</div>
<!--推荐-->
<nav class="navbar contmore ">
    <div class="container-fluid">
        <div class="tuijian"><a href="">点击更多推荐</a></div>
        <div class="navbar-header">
            <a class="navbar-brand" href="category.html">
                <img width="30px" height="30px" alt="Brand" src="images/more.png">
            </a>
        </div>
    </div>
</nav>
<!--商品-->
<div class="contt">
<!--<div class="shangpin">-->
    <!--<div class="media-left">-->
        <!--<a href="#">-->
            <!--<img class="media-object" src="images/ic_cu.png" alt="...">-->
        <!--</a>-->
    <!--</div>-->
    <!--<div class="media-body">-->
        <!--<h4 class="media-heading"> 移动端凑单品：海天酱油 买买买买买</h4>-->
        <!--<h5 color="orange">10.9元</h5>-->
        <!--<h5><a href="">京东商城</a></h5>-->
    <!--</div>-->
<!--</div>-->

</div>
<!--信息-->
<div class="aaa"><a href="">点击获取更多优惠>>></a></div>

<nav class="navbar contmore ">
    <div class="container-fluid">
        <div class="tuijian"><a href="">品牌排行</a></div>
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img width="30px" height="30px" alt="Brand" src="images/more.png">
            </a>
        </div>
    </div>
</nav>
<!--底部-->
<ul class="nav nav-pills" role="tablist">
    <li role="presentation"><a href="#">登陆</span></a></li>
    <li role="presentation"><a href="#">注册</a></li>
    <li role="presentation"><a href="#">返回顶部 </a></li>
</ul>


<div class="gong">手机APP下载<a href=""> 慢慢买手机版 --掌上比价平台</a>
    <p>m.m.maimai.com</p>
</div>
</body>
<script src="js/index.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
</html>